<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<meta charset="UTF-8">
	<title>UI界面组件封装说明</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="../../js/bootstarp/css/bootstrap.min.css" type="text/css"></link>
	<link rel="stylesheet" href="../../js/bootstarp/css/bootstrap-theme.css" type="text/css"></link>
	<link rel="stylesheet" href="../css/patch.css" type="text/css"></link>
	<link rel="stylesheet" href="../css/docs.min.css" type="text/css"></link>
	
	<!--[if lt IE 9]>
		<script type="text/javascript" src="../js/ie8-responsive-file-warning.js"></script>
	<![endif]-->
	<script type="text/javascript" src="../js/ie-emulation-modes-warning.js"></script>
	<!--[if lt IE 9]>
		<script type="text/javascript" src="../js/html5shiv.min.js"></script>
		<script type="text/javascript" src="../js/respond.min.js"></script>
	<![endif]-->
	
	<!-- Placed at the end of the document so the pages load faster -->
	<script type="text/javascript" src="../../js/jquery.min.js"></script>
	<script type="text/javascript" src="../../js/bootstarp/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../js/docs.min.js"></script>
	<script type="text/javascript" src="../js/ie10-viewport-bug-workaround.js"></script>
	
	<link rel="stylesheet" href="../../js/bootstarp-table/bootstrap-table.css">
    <script type="text/javascript" src="../../js/bootstarp-table/bootstrap-table.js"></script>
    <script type="text/javascript" src="../../js/bootstarp-table/extensions/export/bootstrap-table-export.js"></script>
	<!-- <script type="text/javascript" src="../../js/bootstarp-table/extensions/filter/bootstrap-table-filter.js"></script> -->
	<script type="text/javascript" src="../../js/bootstarp-table/locale/bootstrap-table-zh-CN.js"></script>
</head>
<body>

	<div class="container bs-docs-container" style="width:98%;margin-left: auto;margin-right: auto;">
		<div class="bs-docs-section">
			<h1 id="tables" class="page-header">表格 : @m.position</h1>
			
			
			<h2 id="tables-bordered">表格工具栏实例</h2>
			<p>
				在<code><@p.table></code>中添加
				<code>toolbar="#elementId"</code>
				参数，并传入你所要添加的元素id，即可为数据表格增加“工具栏”。
			</p>
			<div class="bs-example" data-example-id="bordered-table">
				<ol class="breadcrumb">
					<li class="active">	首页</li>
					<li class="active">	用户管理</li>
					<li class="active">	用户列表</li>
				</ol>
			</div>

			<div class="highlight">
				<pre>
					<code class="language-html" data-lang="html">
&lt;@m.position list=["global.index", "user.management", "user.list"] /&gt;
					</code>
				</pre>
			</div>
			
			
			
			<h2 id="tables-striped">参数说明：</h2>
			<p>
				在页面顶部位置插入<code>@m.position</code>标签即可显示当前位置。
			</p>
			<div class="bs-callout bs-callout-danger" id="callout-tables-striped-ie8">
				<h4>注意</h4>
				<p>
					在以下参数中已经封装默认值的，在使用过程中可以根据需求来改变参数的传值以实现不同的表格效果。参数名应注意区分大小写。
				</p>
			</div>
			<div class="table-responsive">
				<table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th>变量</th>
							<th>类型</th>
							<th>默认值</th>
							<th>参考值</th>
							<th>是否选填</th>
							<th>说明</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td><code>list</code></td>
							<td>Array</td>
							<td>-</td>
							<td>["golbal.index", "user.manager","user.list"]</td>
							<td>否</td>
							<td>设置当前页面位置信息。参数传值为国际化资源</td>
						</tr>
					</tbody>
				</table>
			</div>
		
		</div>
	</div>

	<!-- Footer ================================================== create by zhaohaitao -->
	<footer class="bs-docs-footer" role="contentinfo">
	<div class="container">
		<p>天网软件统一资源管理平台 UI层封装参考手册 ver1.0</p>
		<ul class="bs-docs-footer-links text-muted">
			<li>Bootstarp当前版本： v3.3.4</li>
			<li>&middot;</li>
			<li>Bootstarp Table 当前版本： v1.7.0</li>
		</ul>
	</div>
	</footer>

</body>
</html>